<template>
    <div class="box">
        <!-- 版权声明 -->
        <div class="copyright">
            <h2 class="title">版权声明</h2>
            <div class="copyright-text">
                本文为原创收费文章，在此独家发布，任何转载、复制或改编等均为侵权行为。
            </div>
            <div class="copyright-inform">
                <p>
                    <span>发布</span>
                    <span class="line"></span>
                    <span>张六六</span>
                </p>
                <p>
                    <span class="inform-label">编辑</span>
                    <span class="line"></span>
                    <span>张六六</span>
                </p>
                <p>
                    <span class="inform-label">责任编辑</span>
                    <span class="line"></span>
                    <span>李小四</span>
                </p>                    
            </div>
        </div>
        <split></split>
        <!-- 常见问题 -->
        <div class="frequent-questions">
            <h2 class="title nofl">
                常见问题
                <router-link :to="{name:'problemAll',params:{count:'8'}}" class="r title-a">更多</router-link>
            </h2>
            <problem :count='count'></problem>
        </div>
    </div>
</template>

<script>
import split from 'base/split/split'
import problem from 'base/problem/problem'

export default {
    data(){
        return {
            count:4
        }
    },
    components:{
        split,
        problem
    }
}
</script>

<style lang="stylus">
.box
    padding:20px 0px;
    .title
        text-align:left;
        font-size:15px;
        padding:0px 20px;
        .title-a
            color:#999;
            font-size:14px;
    .copyright-text
        margin-top:10px;
        margin-bottom:20px;
        text-align:justify;
        padding:0px 20px;
    .copyright-inform
        display:flex;
        background #f5f5f5;
        margin-bottom:20px;
        padding:12px;
        font-size:12px;
        p
          flex:1;  
          .line
              width 1px
              height 12px
              background #999999;
              display:inline-block;
              margin:0px 4px;
              vertical-align:middle;
    .frequent-questions
        padding-top:20px;
</style>


